<template>
<div class="intro-body">
    <!-- <h4 class="introTitle">{{liveInfo.title}}</h4> -->
    <div class="intro-txt ql-editor" v-html="url.menuText"></div>
</div>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  props: ['url'],
  computed: {
    liveInfo () {
      return this.$store.state.liveInfo
    },
  },
}
</script>

<style lang="less" rel=stylesheet/less scoped="scoped">
  .intro-body {
    // padding: 10px 0;
    text-align: left;
    word-break:break-all;
    word-wrap:break-word;
    // width: 95%;
    margin: auto;
		font-size: 15px;
    .introTitle{
      margin-bottom: 10px;
    }
    img{
      width: 100%;
    }
  }
</style>
